<!DOCTYPE html>
<!--[if IE 7]>                  <html class="ie7 no-js" lang="en">     <![endif]-->
<!--[if lte IE 8]>              <html class="ie8 no-js" lang="en">     <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en">  <!--<![endif]-->
<head>

	<!-- Basic Page Needs
	================================================== -->
	<meta charset="UTF-8" />
{#	<title>Bet My Birth : Organisez vos paris sur la date de naissance de b&eacute;b&eacute; </title>#}
	<title>{% block title %}Bet My Birth : Organisez vos paris sur la date de naissance de b&eacute;b&eacute;{% endblock %}</title>
{#	<meta name="description" content="Une naissance ? Oui mais quand ? faites devinez ! Bet My Birth est un moyen simple de centraliser les votes de vos proches">#}
	<meta name="description" content="{% block description %}Une naissance ? Oui mais quand ? faites devinez ! Bet My Birth est un moyen simple de centraliser les votes de vos proche{% endblock %}">
	<meta name="author" content="">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	
	<!-- Mobile Specific Metas
	================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<link rel="image_src" type="image/jpeg" href="http://www.betmybirth.com/images/icon-facebook.gif" />
	
	<!-- CSS
	================================================== -->
	<!-- Normalize default styles -->
	<link rel="stylesheet" href="{{ asset('css/normalize.css') }}" media="screen" />
	<!-- Skeleton grid system -->
	<link rel="stylesheet" href="{{ asset('css/skeleton.css') }}" media="screen" />
	<!-- FontAwesome (Icon Fonts) -->
	<link rel="stylesheet" href="{{ asset('css/font-awesome.min.css') }}" media="screen" />
	<!-- Base Template Styles-->
	<link rel="stylesheet" href="{{ asset('css/base.css') }}" media="screen" />
	<!-- Template Styles-->
	<link rel="stylesheet" href="{{ asset('css/style.css') }}" media="screen" />
	<!-- Superfish -->
	<link rel="stylesheet" href="{{ asset('css/superfish.css') }}" media="screen" />
	<!-- Flexslider -->
	<link rel="stylesheet" href="{{ asset('css/flexslider.css') }}" media="screen" />
	<!-- Styles for Mobile devices -->
	<link rel="stylesheet" href="{{ asset('css/responsive.css') }}" media="screen" />
	
	<!--[if lt IE 9]>
		<link rel="stylesheet" href="{{ asset('css/ie/ie8.css') }}" media="screen" />
	<![endif]-->
	
	<!-- JQuery UI -->
	<link rel="stylesheet" href="{{ asset('css/jquery-ui-1.9.2.custom.min.css') }}" media="screen" />
	
	<!-- Calendar -->
	<link rel="stylesheet" href="{{ asset('css/fullcalendar.css') }}" media="screen" />
	<script type="text/javascript" src="{{ asset('js/jquery.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('js/moment.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('js/fullcalendar.js') }}"></script>
	<script type="text/javascript" src="{{ asset('js/fr.js') }}"></script>
        
	<!-- JQuery UI -->
	<script type="text/javascript" src="{{ asset('js/jquery-ui-1.9.2.custom.min.js') }}"></script>
	<script type="text/javascript" src="{{ asset('js/jquery.cookie.js') }}"></script>
	
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<!-- Favicons
	================================================== -->
	
	<link rel="shortcut icon" href="{{ asset('favicon.ico') }}">
	<link rel="apple-touch-icon" href="{{ asset('images/apple-touch-icon.png') }}">
	<link rel="apple-touch-icon" sizes="72x72" href="{{ asset('images/apple-touch-icon-72x72.png') }}">
	<link rel="apple-touch-icon" sizes="114x114" href="{{ asset('images/apple-touch-icon-114x114.png') }}">
	<link rel="apple-touch-icon" sizes="144x144" href="{{ asset('images/apple-touch-icon-144x144.png') }}">
	
	<script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

		ga('create', 'UA-49996363-1', 'betmybirth.com');
		ga('send', 'pageview');
	</script>
</head>

<body>
	
	<div id="fb-root"></div>
	<!-- initialize jQuery Library -->
	<!--
	<script src="{{ asset('js/jquery-1.9.1.min.js') }}"></script>
	-->
	
	<!-- BEGIN WRAPPER -->
	<div id="wrapper">
	
		<div id="top-bar" class="top-bar">
			<div class="container clearfix">
			</div>
		</div>
			
		<div class="main-box">
			<!-- BEGIN HEADER -->
			<header id="header" class="header">
				
				<div class="container clearfix">
					<div class="grid_9 mobile-nomargin">
						<!-- BEGIN LOGO -->
						<div id="logo" class="logo">
							<!-- Image based Logo -->
							<a href="{{ path('bmb_basics_homepage') }}">
								<!--<img src="{{ asset('images/logo.png') }}" alt="Site Name" />-->
								<h1><strong>B</strong>et <strong class="blue">M</strong>y <strong class="green">B</strong>irth</h1>
							</a>
							<div class="beta-logo">B&ecirc;ta</div>
						</div>
						<div class="tagline">
							<span>Une naissance ? Oui mais quand ? Devinez !!</span>
						</div>
						<!-- END LOGO -->
					</div>
					
					{% include "::login.html.twig" %}
				</div>
				
				
				<!-- Main Navigation -->
				<div id="index-part" class="container clearfix">
					<div class="grid_12 mobile-nomargin">
						<nav class="primary clearfix">
							<!-- Menu -->
							<ul class="sf-menu">
								<li><a href="{{ path('bmb_basics_homepage') }}">Accueil</a></li>
								<li>
									<a>Mes &eacute;v&eacute;nements</a>
									<ul class=''>
										<li><a href="{{ path('bmb_event_create') }}">Cr&eacute;er une nouvelle naissance</a></li>
										<li><a href="{{ path('bmb_event_manage_list') }}">Ma liste d'&eacute;v&eacute;nements</a></li>
									</ul>
								</li>
								<li><a href="{{ path('bmb_basics_howto') }}">Comment &ccedil;a marche ?</a></li>
								<li><a href="{{ path('bmb_basics_contact') }}">Contactez-nous</a></li>
							</ul>
							<!-- Menu / End -->
								
							<!-- Social Links -->
							<div class="social-links">
								<ul class="social-links">
									<li class="link-facebook"><a href="https://www.facebook.com/BetMyBirth" target="_blank"><i class="icon-facebook"></i></a></li>
									<li class="link-twitter"><a href="https://twitter.com/BetMyBirth" target="_blank"><i class="icon-twitter"></i></a></li>
									<li class="link-google"><a href="https://plus.google.com/117635624596796216651" target="_blank"><i class="icon-google-plus"></i></a></li>
									<li><a class="link-mail" href="{{ path('bmb_basics_contact') }}"><i class="icon-envelope-alt"></i></a></li>
								</ul>
							</div>
							<!-- Social Links / End -->
						</nav>
					</div>
				</div>
				<!-- Main Navigation / End -->
				
			</header>
			<!-- END HEADER -->
			
			{% block bundleContent %}{% endblock %}
			{% block javascripts %}{% endblock %}
			
			<footer>	
				
				<!-- Copyright -->
				<div class="copyright">
					<div class="container clearfix">
						<div class="grid_12 mobile-nomargin">
							<div class="clearfix">
								<div class="copyright-primary">
									Betmybirth.com &copy; 2014 - 
									<a href="https://plus.google.com/117635624596796216651" rel="publisher">Google+</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Copyright -->
				
			</footer>
			<!-- END FOOTER -->
		</div>
			
		
	</div>
	<!-- END WRAPPER -->
	
	
	<!-- Javascript Files
	================================================== -->
	
	<!-- jQuery migrate plugin -->
	<script src="{{ asset('js/jquery-migrate-1.1.1.min.js') }}"></script>
	<!-- Modernizr -->
	<script type="text/javascript" src="{{ asset('js/modernizr.custom.14583.js') }}"></script>
	<!-- easing plugin -->
	<script type="text/javascript" src="{{ asset('js/jquery.easing.min.js') }}"></script>
	<!-- Mobile Navigation -->
	<script type="text/javascript" src="{{ asset('js/jquery.mobilemenu.js') }}"></script>
	<!-- Navigation -->
	<script type="text/javascript" src="{{ asset('js/jquery.superfish.js') }}"></script>
	<!-- Slider -->
	<script type="text/javascript" src="{{ asset('js/jquery.flexslider-min.js') }}"></script>
	<!-- FitVideo -->
	<script type="text/javascript" src="{{ asset('js/jquery.fitvids.js') }}"></script>
	<!-- Flickr -->
	<script type="text/javascript" src="{{ asset('js/jflickrfeed.js') }}"></script>
	
	<script type="text/javascript" src="{{ asset('js/custom.js') }}"></script>
	
	
</body>
</html>